{% load humanize %}
{% load static %}

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>找回密码</title>
        <link rel="icon" href="{% static 'images/favicon.ico' %}">
        <link rel="stylesheet" type="text/css" href="{% static 'style.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'style-forum.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'style-dark.css' %}" />
    </head>
    <body>
        {% include 'header.html' %}
        
        <div id="main">
            <div class="banner">
                <h2>找回密码</h2>
            </div>
            <div class="content">
                {% if error %}
                    <p>{{ error }}</p>
                {% endif %}
                <form method="POST">
                    {% csrf_token %}
                    <input type="hidden" id="csrf_token" value="{{ csrf_token }}">
                    <label for="user_email">邮箱</label>
                    <input type="email" name="user_email" id="user_email" placeholder="请输入邮箱" required/>
                    <label for="password">新密码</label>
                    <input type="password" name="password" id="password" placeholder="请输入密码" />
                    <label for="verify_code">验证码</label>
                    <input type="text" name="verify_code" id="verify_code" placeholder="请输入验证码" />
                    <input type="submit" value="确认" id="submit" />
                    <button type="button" id="send_captcha_register" class="send_captcha_btn" data-form="register">获取验证码</button>
                </form>

            </div>
        </div>
        <script type="text/javascript">
            var sendCaptchaUrl = "{% url 'send_captcha' %}";
        </script>

        <script src="{% static 'jquery-3.6.0.min.js' %}"></script>
        <script src="{% static 'register.js' %}"></script>
        <script src="{% static 'send_mail.js' %}"></script>
        <script src="{% static 'forum.js' %}"></script>
    </body>
</html>